import React, { useState, ChangeEvent } from 'react';
import { observer } from 'mobx-react-lite';
import PublicHeader from '@/components/header';
import TouchableOpacity from '@/components/touchable-opacity';
import balanceStore from '@/store/balance';
import Alert from './alert';
import BanlanceForm from './balance-form';
import './index.less';

const BanlancePage = observer(() => {
    // console.log('re render banlance page');
    return (
        <main className='container home-container'>
            <PublicHeader title='提现' record confirm={false} />
            <section className='broke-main-content'>
                <p className='broke-header'>您的可提现金额为：¥ {balanceStore.balance}</p>
                <BanlanceForm />
                <TouchableOpacity className='submit-btn' onClick={balanceStore.handleSumit} />
                <Alert />
            </section>
        </main>
    );
});
export default BanlancePage;
